﻿<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">

	<head>
		<title>Love For YC</title>
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
		<link rel="stylesheet" href="http://yangwenxue.oschina.io/love/css/reset_1.css" type="text/css" media="all">
		<link rel="stylesheet" href="http://yangwenxue.oschina.io/love/css/jquery.fancybox-1.3.4_1.css" type="text/css" media="screen">
		<link rel="stylesheet" href="http://yangwenxue.oschina.io/love/css/style_1.css" type="text/css" media="all">
		<link href="css/prettyphoto_1.css" rel="stylesheet" />
		<script type="text/javascript" src="http://yangwenxue.oschina.io/love/js/jquery.min_1.js"></script>
		<script type="text/javascript" src="http://yangwenxue.oschina.io/love/js/content_switch_1.js"></script>
		<script type="text/javascript" src="http://yangwenxue.oschina.io/love/js/jquery.easing.1.3_1.js"></script>
		<script type="text/javascript" src="http://yangwenxue.oschina.io/love/js/jquery.mousewheel_1.js"></script>
		<script type="text/javascript" src="http://yangwenxue.oschina.io/love/js/jquery-ui_1.js"></script>
		<script type="text/javascript" src="http://yangwenxue.oschina.io/love/js/cscroll_1.js"></script>
		<script src="http://yangwenxue.oschina.io/love/js/jquery.cycle.all.latest_1.js" type="text/javascript"></script>
		<script src="http://yangwenxue.oschina.io/love/js/jquery.color_1.js" type="text/javascript"></script>
		<script type="text/javascript" src="http://yangwenxue.oschina.io/love/js/script_1.js"></script>
		<script type="text/javascript" src="http://yangwenxue.oschina.io/love/js/functions_1.js"></script>
		<script src="http://yangwenxue.oschina.io/love/js/prettyphoto_1.js"></script>
		<!--[if lt IE 9]>
  	<script type="text/javascript" src="js/html5.js"></script>
    <link rel="stylesheet" href="http://yangwenxue.oschina.io/love/css/ie_1.css" type="text/css" media="all">
  <![endif]-->
		<!--[if lt IE 8]>
		<div style=' clear: both; text-align:center; position: relative;'>
			<a href="http://windows.microsoft.com/en-US/internet-explorer/products/ie/home?ocid=ie6_countdown_bannercode"><img src="picture/warning_bar_0000_us.jpg" border="0" height="42" width="820" alt="You are using an outdated browser. For a faster, safer browsing experience, upgrade for free today." /></a>
		</div>
	<![endif]-->

		<body onpaste="return false" ondragstart="return false" onmouseover="window.status='';return true" oncopy="return false;">

			<script>
				function stop() {
					return false;
				}
				document.oncontextmenu = stop;
			</script>

			<body onselectstart="return false" onpaste="return false" oncopy="return false;" oncut="return false;">
				</a>
				<script>
					function checkhtml5() {
						if($.browser.msie && parseInt($.browser.version, 10) < 9) {
							document.body.innerHTML = "<div style=' clear: both; text-align:center; position: relative; height: 50px; margin-top: 30px; padding: 20px; background-color: red; color: white; font-size:20px;'>你的浏览器非常落后，不支持 HTML5!<br/>请使用 Chrome 14+/IE 9+/Firefox 7+/Safari 4+ 其中任意一款浏览器访问此页面。</a></div>";

						}
					}
				</script>
				<style>
					a.wb_sina {
						float: left;
						margin-top: 20px;
						margin-left: 15px;
						display: inline-block;
						padding: 4px 10px;
						border-radius: 3px;
						background-color: #e55345;
						background-image: -moz-linear-gradient(top, #e96249, #e03c40);
						background-image: -ms-linear-gradient(top, #e96249, #e03c40);
						background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#e96249), to(#e03c40));
						background-image: -webkit-linear-gradient(top, #e96249, #e03c40);
						background-image: -o-linear-gradient(top, #e96249, #e03c40);
						background-image: linear-gradient(top, #e96249, #e03c40);
						filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e96249', endColorstr='#e03c40', GradientType=0);
						background-repeat: repeat-x;
						text-shadow: 0 -1px 0 rgba(0, 0, 0, .5);
						border: 1px solid #cf2b28;
						color: #fff!important;
						box-shadow: 0 1px 0 rgba(255, 255, 255, .2) inset, 0 1px 0 rgba(0, 0, 0, .2);
					}
					
					a.wb_sina:hover {
						background-image: -moz-linear-gradient(top, #e03c40, #e96249);
						background-image: -ms-linear-gradient(top, #e03c40, #e96249);
						background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#e03c40), to(#e96249));
						background-image: -webkit-linear-gradient(top, #e03c40, #e96249);
						background-image: -o-linear-gradient(top, #e03c40, #e96249);
						background-image: linear-gradient(top, #e03c40, #e96249);
						filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e03c40', endColorstr='#e96249', GradientType=0);
					}
					
					a.wb_sina span {
						display: inline-block;
						vertical-align: -5px;
						margin-right: 7px;
						height: 20px;
						width: 24px;
						background: url(http://yangwenxue.oschina.io/love/images/weibo.png) no-repeat;
					}
					
					a.wb_tencent {
						float: left;
						margin-top: 20px;
						margin-left: 15px;
						display: inline-block;
						padding: 4px 10px;
						border-radius: 3px;
						background-color: #0e7fcc;
						background-image: -moz-linear-gradient(top, #1288d4, #0771c1);
						background-image: -ms-linear-gradient(top, #1288d4, #0771c1);
						background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#1288d4), to(#0771c1));
						background-image: -webkit-linear-gradient(top, #1288d4, #0771c1);
						background-image: -o-linear-gradient(top, #1288d4, #0771c1);
						background-image: linear-gradient(top, #1288d4, #0771c1);
						filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1288d4', endColorstr='#0771c1', GradientType=0);
						background-repeat: repeat-x;
						text-shadow: 0 -1px 0 rgba(0, 0, 0, .5);
						border: 1px solid #0D6EB8;
						color: #fff!important;
						box-shadow: 0 1px 0 rgba(255, 255, 255, .2) inset, 0 1px 0 rgba(0, 0, 0, .2);
					}
					
					a.wb_tencent:hover {
						background-color: #0e7fcc;
						background-image: -moz-linear-gradient(top, #0771c1, #1288d4);
						background-image: -ms-linear-gradient(top, #0771c1, #1288d4);
						background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0771c1), to(#1288d4));
						background-image: -webkit-linear-gradient(top, #0771c1, #1288d4);
						background-image: -o-linear-gradient(top, #0771c1, #1288d4);
						background-image: linear-gradient(top, #0771c1, #1288d4);
						filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0771c1', endColorstr='#1288d4', GradientType=0);
					}
					
					a.wb_tencent span {
						display: inline-block;
						vertical-align: -5px;
						margin-right: 7px;
						height: 20px;
						width: 24px;
						background: url(images/weibo.png) no-repeat 0 -20px;
					}
					
					#abox {
						position: fixed;
						_position: absolute;
						right: 15px;
						z-index: 99999999;
					}
				</style>
	</head>

	<body onLoad="checkhtml5()">
		<div id="abox">
		</div>
		<div class="page_spinner">
			<div></div>
		</div>
		<div class="over">
			<div class="centre">
				<div class="main">
					<!--header -->
					<header>
						<h1><span id="logo"><img src="http://yangwenxue.oschina.io/love/picture/logo1_1.png" alt="" usemap="#logo"></span></h1>
						<nav class="menu">
							<ul id="menu">
								<li id="nav1"><img src="http://yangwenxue.oschina.io/love/picture/nav1_1.png" alt=""><span>爱的宣誓</span></li>
								<li id="nav2"><img src="http://yangwenxue.oschina.io/love/picture/nav2_1.png" alt=""><span>恋爱历程</span> </li>
								<li id="nav3"><img src="http://yangwenxue.oschina.io/love/picture/nav3_1.png" alt=""><span>絮叨絮叨</span></li>
								<li id="nav4"><img src="http://yangwenxue.oschina.io/love/picture/nav4_1.png" alt=""><span>祝福我们</span></li>
								<li id="nav5"><img src="http://yangwenxue.oschina.io/love/picture/nav5_1.png" alt=""><span>爱的映像</span></li>
								<li id="nav6"><img src="http://yangwenxue.oschina.io/love/picture/nav6_1.png" alt=""><span>时光沙漏</span></li>
							</ul>
						</nav>
						<img src="http://yangwenxue.oschina.io/love/picture/spacer_1.gif" alt="" id="navigation" usemap="#navigation">
						<map name="navigation" class="navigation"></map>
						<map name="logo" class="map_logo"></map>
					</header>
					<!--header end-->
					<!--content -->
					<map name="back" class="map_back"></map>
					<article id="content">
						<ul>
							<li id="page_Home">
								<img src="http://yangwenxue.oschina.io/love/picture/bg_content_1.png" alt="" class="bg_cont">
								<span class="back"><img src="http://yangwenxue.oschina.io/love/picture/nav1_1.png" alt="" usemap="#back"><a href="index.html#close">返回</a></span>
								<div class="pad">
									<h2>爱的宣誓</h2> 人物：常敬飞 &amp; 宝贝<br /> 不在乎曾经拥有，只在乎天长地久。
									<br/> 爱，就要说出来！
									<br/> 再美好的回忆，也只是回忆；
									<br/> 再美丽的诺言，不到实现的那一刻，也只是一句空话。
									<br/> 忆回首，时光易逝，誓语难消！
									<br/> 看今朝，聚散浮生，百般相守！
									<br/> -- 来自 杨文学 </div>
							</li>
							<li id="page_About">
								<img src="http://yangwenxue.oschina.io/love/picture/bg_content_1.png" alt="" class="bg_cont">
								<span class="back"><img src="http://yangwenxue.oschina.io/love/picture/nav2_1.png" alt="" usemap="#back"><a href="index.html#close">返回</a></span>
								<div class="pad">
									<h2>恋爱历程</h2>
									<div class="relative">
										<div class="scroll">
											<span>人物：常敬飞 &amp; 宝贝</span>
											<p>&nbsp;&nbsp;&nbsp;&nbsp;宝贝你还记得么？</p>
											<p>&nbsp;&nbsp;&nbsp;&nbsp;2015年7月20日。</p>
											<p>&nbsp;&nbsp;&nbsp;&nbsp;那天下班挺晚的，我和小川儿我们三人在阳光的电梯相遇。</p>
											<p>&nbsp;&nbsp;&nbsp;&nbsp;当时你一个人站在电梯门口角落，我从上往下打量着你：这不是前些天我一直关注的那个菇凉吗？她怎么下班也这么晚？</p>
											<p>&nbsp;&nbsp;&nbsp;&nbsp;不过后来电梯门打开了，咱们一起走出电梯，顺路一起走到阳光东大门口，你走在前面，我和小川一路小声议论着你：“这不就是我前些他一直跟你提前的那个菇凉嘛，每次吃饭都看到他，连续了好几天”，“原来长这样啊，这身材，呵呵哒”，“NMB....”</p>
											<p>&nbsp;&nbsp;&nbsp;&nbsp;到后来，我熟人跟你要了你的联系方式，就这样，便开始了我们的携手的路程....</p>
											<p>&nbsp;&nbsp;&nbsp;&nbsp;虽然一路遇到些小摩擦，过去的都是过去，比起之前我跟愿意把握未来</p>
											<p>&nbsp;&nbsp;&nbsp;&nbsp;我爱你，我会一直陪在你身边</p>
											<p>&nbsp;&nbsp;&nbsp;&nbsp;<img src="picture/1.gif">-<img src="picture/2.gif"></p>
											<p>&nbsp;&nbsp;&nbsp;&nbsp;不离不弃</p>
											<p>&nbsp;&nbsp;&nbsp;&nbsp; - - - 杨文学</p>
										</div>
									</div>
								</div>
							</li>
							<li id="page_Talk">
								<img src="http://yangwenxue.oschina.io/love/picture/bg_content_1.png" alt="" class="bg_cont">
								<span class="back"><img src="http://yangwenxue.oschina.io/love/picture/nav3_1.png" alt="" usemap="#back"><a href="index.html#close">返回</a></span>
								<div class="pad">
									<h2>絮叨絮叨</h2>
									<div class="relative">
										<div class="scroll">
											<div style="width:100%;float: left;">快喊我男神！<br/><span style="float: right"> --by 杨文学</span></div>
											<div style="width:100%;float: left;border-bottom: 1px solid #CCCCCC;">男神经，不对，男神经病<br/><span style="float: right"> --by 常敬飞</span></div>
											<div style="width:100%;float: left;">小懒猪[手动白眼]<br/><span style="float: right"> --by 杨文学</span></div>
											<div style="width:100%;float: left;border-bottom: 1px solid #CCCCCC;">你才猪，你浑身都是猪肉，快去给我倒水！<br/><span style="float: right"> --by 常敬飞</span></div>
											<div style="width:100%;float: left;">你是猪吗？<br/><span style="float: right"> --by 常敬飞</span></div>
											<div style="width:100%;float: left;border-bottom: 1px solid #CCCCCC;">放肆，猪有我可爱吗？<br/><span style="float: right"> --by 杨文学</span></div>
											<div style="width:100%;float: left;">每次都让我催你下班！哼╭(╯^╰)╮<br/><span style="float: right"> --by 常敬飞</span></div>
											<div style="width:100%;float: left;border-bottom: 1px solid #CCCCCC;">以后不许等我下班，必须早点睡<br/><span style="float: right"> --by 杨文学</span></div>
										</div>
									</div>
								</div>
							</li>
							<li id="page_Message">
								<img src="http://yangwenxue.oschina.io/love/picture/bg_content_1.png" alt="" class="bg_cont">
								<span class="back"><img src="http://yangwenxue.oschina.io/love/picture/nav4_1.png" alt="" usemap="#back"><a href="index.html#close">返回</a></span>
								<div class="pad">
									<h2>祝福我们</h2>
									<div class="relative">
										<div class="scroll">
											<div style="min-height: 300px; padding-bottom: 50px;">
												<!-- 多说评论框 start -->
												<div class="ds-thread" data-thread-key="yyu" data-title="bb" data-url="http://">
													1, 有爱，一花一草，满目的惬意，诉说爱情的甜蜜；有情，一点一滴，晶莹的水珠，蕴藏情谊的源起；有心，一分一秒，光阴的流逝，汇聚着爱情的珍惜；有意，一生一世，心灵的相依，诠释着爱情的真缔。祝你爱情甜蜜，拥有爱的传奇！<br/> 2,春风送暖节日到，有情之人开颜笑。送来玫瑰怀中抱，笑颜如花幸福绕。心手相牵直到老，甜甜蜜蜜无争吵。祝快乐欢笑！
													<br/>
												</div>
												<!-- 多说评论框 end -->
											</div>
										</div>
									</div>
								</div>
							</li>
							<li id="page_Blog">
								<img src="http://yangwenxue.oschina.io/love/picture/bg_content_1.png" alt="" class="bg_cont">
								<span class="back"><img src="http://yangwenxue.oschina.io/love/picture/nav5_1.png" alt="" usemap="#back"><a href="index.html#close">返回</a></span>
								<div class="pad">
									<h2>爱的映像</h2>
									<div class="relative">
										<div class="scroll">
											<ul class="gallery fancybox">
												<li style="line-height:220px">
													<a href="http://yangwenxue.oschina.io/love/picture/1.jpg" rel="prettyPhoto[gallery1]"><img height="" src="picture/1.jpg" alt=""></a>
												</li>
												<li style="line-height:220px">
													<a href="http://yangwenxue.oschina.io/love/picture/2.jpg" rel="prettyPhoto[gallery1]"><img src="http://yangwenxue.oschina.io/love/picture/2.jpg" alt=""></a>
												</li>
												<li style="line-height:220px">
													<a href="http://yangwenxue.oschina.io/love/picture/3.jpg" rel="prettyPhoto[gallery1]"><img src="http://yangwenxue.oschina.io/love/picture/3.jpg" alt=""></a>
												</li>
												<li style="line-height:220px">
													<a href="http://yangwenxue.oschina.io/love/picture/4.jpg" rel="prettyPhoto[gallery1]"><img src="http://yangwenxue.oschina.io/love/picture/4.jpg" alt=""></a>
												</li>
												<li style="line-height:220px">
													<a href="http://yangwenxue.oschina.io/love/picture/5" rel="prettyPhoto[gallery1]"><img src="http://yangwenxue.oschina.io/love/picture/5.jpg" alt=""></a>
												</li>
												<li style="line-height:220px">
													<a href="http://yangwenxue.oschina.io/love/picture/6.jpg" rel="prettyPhoto[gallery1]"><img src="http://yangwenxue.oschina.io/love/picture/6.jpg" alt=""></a>
												</li>
											</ul>
										</div>
									</div>
								</div>
							</li>
							<li id="page_Time">
								<img src="http://yangwenxue.oschina.io/love/picture/bg_content_1.png" alt="" class="bg_cont">
								<span class="back"><img src="picture/nav6_1.png" alt="" usemap="#back"><a href="index.html#close">返回</a></span>
								<div class="pad">
									<h2>时光沙漏</h2>
									<div id="loveHeart" style="margin-top: 30px;font-size: 25px;">
										<span style="">宝贝你知道我爱你爱了多久了吗？</span>
										<div id="elapseClock" style="margin: 10px 0px 10px 0px;"></div>
										<img src="http://yangwenxue.oschina.io/love/picture/1.gif" />　　　　<img src="http://yangwenxue.oschina.io/love/picture/2.gif" /><br/><br/>
										<div id="loveu">
											爱：从2015-7-21开始！<br/>
											<div class="signature" style="float: right; margin-right: 50px;">by 杨文学 </div>
										</div>
									</div>
								</div>
				</div>
				</li>
				</ul>
				</article>
				<!--content end-->
			</div>
		</div>
		<script>
			$(window).load(function() {
				$('.page_spinner').fadeOut();
				$('body').css({
					overflow: 'visible'
				});

			})
		</script>

		<script type="text/javascript">
			//修改时光沙漏时间
			var offsetX = $("#loveHeart").width() / 2;
			var offsetY = $("#loveHeart").height() / 2 - 55;
			var together = new Date();
			together.setFullYear(2015, 07, 21);
			together.setHours(17);
			together.setMinutes(0);
			together.setSeconds(0);
			together.setMilliseconds(0);

			setTimeout(function() {
				adjustWordsPosition();
				startHeartAnimation();
			}, 3000);

			timeElapse(together);
			setInterval(function() {
				timeElapse(together);
			}, 500);

			adjustCodePosition();
			$("#code").typewriter();
		</script>
		<audio id="bgmMusic" src="http://sc1.111ttt.com/2015/1/05/20/98201622202.mp3" preload="auto" type="audio/mp3" autoplay loop></audio>

		<!--coded by koma-->

		<!--LIVEDEMO_00 -->
		</div>

	</body>

</html>